<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui">
  <meta name="description" content=""/>
  <meta name="keywords" content=""/>
  <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
	<link rel="stylesheet" href="__TMPL__/public/assets/css/cisall.css">
</head>
<body>
<!--[if lte IE 8]>
<div class="text-center padding-top-50 padding-bottom-50 bg-blue-grey-100">
  <p class="browserupgrade font-size-18">
      你正在使用一个<strong>过时</strong>的浏览器。请<a href="http://browsehappy.com/" target="_blank">升级您的浏览器</a>，以提高您的体验。
  </p>
</div>
<![endif]-->

<header></header>
<div class="">
  <div class="wildcard">
    <div class="cis-user-modal" style="width: 730px">
      <div class="wrapper">
        <div class="user-header">
          欢迎使用 CISALL-System
          <i class="iconcis icon-close float-right"></i>
        </div>
        <div class="user-body">
          <div class="row">
            <div class="col-md-6 quicklogin text-center">
              <h4 class="title">快捷登录</h4>
              <p class="subtitle">用第三方账号快速登录</p>
              <div class="row">
                <div class="col-md-6">
                  <a href="#"><img src="__TMPL__/public/assets/images/login_qq.png"></a>
                  <p>QQ登录</p>
                </div>
                <div class="col-md-6">
                  <a href="#"><img src="__TMPL__/public/assets/images/login_wx.png"></a>
                  <p>微信登录</p>
                </div>
              </div>
              <div class="tips">
                注册或登录<br>即表示同意本系统用户协议
              </div>
            </div>
            <div class="col-md-6" style="padding: 0 0 0 50px;">
                <h4 class="title text-center mb-5">普通登录</h4>
                <div style="text-align:center;height:15px;line-height: 0px;">
                	<a class="error" style="color:red;"></a>
                </div>
                 <form class="js-ajax-form" action="{:url('user/login/doLogin')}" method="post">
                    <div class="input-group mb-3 style="margin-top:10px">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="iconcis icon-user"></i></span>
                        </div>
                        <input type="text" id="input_username" name="username" placeholder="请输入用户名/电子信箱" class="form-control">
                    </div>
                    <div class="input-group mb-4">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="iconcis icon-user"></i></span>
                        </div>
                        <input type="password" id="input_password" name="password" placeholder="请输入密码" class="form-control">
                    </div>
                    <button type="button" class="btn btn-danger btn-lg btn-block mb-3" onclick="user_login()">立即登录</button>
                    <p class="text-right white"><a class="white" href="register.html">免费注册</a> | <a class="white" href="{:cmf_url('/user/Register/index')}">忘记密码</a></p>
                </form>
            </div>
          </div>
        </div>
        <div class="user-footer">©Copyright 2018. CISALL Team  麦研品牌策划（上海）有限公司 版权所有</div>
      </div>
    </div>
  </div>
</div>

<script src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script>
function user_login(){
	var url = '';
	var username = $('input[name="username"]').val();
	var password = $('input[name="password"]').val();
	$.post('doLogin',{username:username,password:password},function(data){
			if(msg != ''){
				var msg = data.msg;
				$('.error').text(msg);
				window.location.reload();
			}
	})
}
</script>
</body>
</html>
